<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
@import url(dll.css);
@import url(font.css);
@import url(main.css);
@import url(/onlinecss/onlineeditor.css);
@import url(ddsmoothmenu.css);
@import url(animate.css);


.remark1 img {
    max-width: 100%;
}
.p_banner_box .box img {
    width: 100%;
    height: auto;
}
.pimg_banner img {
    max-width: 100%;
    height: auto !important;
}

.i_banner_box img {
    width:  100%;
    height:  auto;
}
.wap-foot-nav{display:none;}
a.slider-arrow.slider-arrow--right.iconfont.icon-next-copy {
    background-image: url(/templates/images/banner-right.png);
    width: 42px;
    height: 42px;
    display: block;
    text-indent: 1000px;
    overflow: hidden;
    margin: 0 !important;
    z-index: 10000;
    float: right;
    bottom: 0;
    transform: rotateZ(0deg);
}
.menu_64_view .remark1 {
    width: 790px;
    margin: 0 auto;
    max-width: 100%;
}
a.slider-arrow.slider-arrow--left.iconfont.icon-next-copy {
    width: 42px;
    height: 42px;
    overflow: hidden;
    margin: 0 !important;
    z-index: 10000;
    background: url(/templates/images/banner-left.png);
    float: right;
}

.slider-nav {
    display:  none;
}
.news_list ul li {
    text-align: left;
    text-indent: 2em;
    padding: 5px 0;
}

.pro_list .title01,
.sample_list .title01,
.news_list .title01,
.video_list .title01 {
    background: rgba(0, 0, 0, 0) linear-gradient(#0653af, #198bd3, #1682cc) repeat scroll 0 0;
    border: 2px solid #1e97d7;
}

.sample_list ul li span,
.pro_list ul li span {
    display: inline-block;
    max-width: 162px;
    height: 50px;
    overflow: hidden;
}

.pro_list .title01 h3,
.sample_list .title01 h3,
.news_list .title01 h3,
.video_list .title01 h3 {
    color: #fff;
    font-size: 22px;
    line-height: 46px;
    margin: 0 auto;
    width: 80%;
}

.pro_list ul li,
.sample_list ul li {
    width: 90px;
    float: left;
    padding: 0 4px;
}

.pro_list ul li img,
.sample_list ul li img {
    width: 90px;
    /* height: 120px; */
    margin: 10px 0;
    border: 1px solid #ccc;
}

.arrowsWrapper {
    position:  relative;
    width: 700px;
    margin:  0 auto;
}

.icon-next-copy:before {
    content: "";
}

.top {
    height: 50px;
    display: flex;
    background: #f6f6f6;
    position: relative;
}

.top .top_welcome {
    float: left;
    line-height: 50px;
    font-size: 12px;
}

.top .top_language {
    float: right;
    line-height: 50px;
}

.top .top_language li {
    float: left;
}

.top .top_language li a {
    background-position: left center;
    background-repeat: no-repeat;
    background-size: auto auto;
    color: #000;
    display: block;
    font-weight: bold;
    margin: 0 10px;
    padding-left: 17px;
}
.products .arrowsWrapper {
    display: none;
}
.wap_search{display:none;}
.wap-go-back{display:none;}
.header_content {
    height: 166px;
    padding-top: 49px;
}

.header_content .mauto {
    max-width: 100%;
    width: 1456px;
padding: 0 20px;
}

.logo {
    display: table;
    max-width: 250px;
    height: 166px;
    float: left;
    margin-top: -49px;
}

.logo a {

    display: table-cell;
    vertical-align: middle;

}

.header_right {
    float: right
}

.header_right .i_nav {
    width: 870px;
    float: left;
}

.header_right .header_tel {
    float: right;
    padding-left: 0;
    padding-top: 11px;
}

.header_right .header_search {
    float: right;
    padding-top: 22px;
    margin-left: 0;
    width: 188px;
    margin-top: -30px;
}

.header_right .header_tel img {
    float: left;
    padding-right: 7px;
}

.header_tel div {
    font-size: 14px;
   /*font-family: SourceHanSansCN-Normal;*/
    letter-spacing: 1px;
    color: #333333;
    line-height: 18px;
}
.news_view .remark {

    width: 750px;
    margin: 0 auto;

}
.header_tel p {
    font-size: 18px;
   /*font-family: SourceHanSansCN-Normal;*/
    letter-spacing: 1px;
    color: #333333;
    line-height: 23px;
}

#slides {
    position: relative;
    text-align: center;
}

.slidesjs-navigation {
    width: 42px;
    height: 42px;
    display: block;
    text-indent: 1000px;
    overflow: hidden;
    margin: 0 !important;
    position: absolute;
    z-index: 10000;
    bottom: 0
}

.slidesjs-next {
    background-image: url("/templates/images/banner-right.png");
    right: 30vw;
}

.slidesjs-next:hover {
    background-image: url("/templates/images/banner-right-hover.png");
}

.slidesjs-previous:hover {
    background-image: url("/templates/images/banner-left-hover.png");
}

.slidesjs-previous {
    background-image: url("/templates/images/banner-left.png");
    left: 30vw;
}
.w-banner {
    display: none;
}

/*首页开始*/
.index .mauto {
    width: 1340px;
    max-width: 100%;
}

.i_welcome&gt;div {
    padding-top: 130px;
    padding-bottom: 130px;
    padding-left: 20px;
}

.go-to-home {
    position: fixed;
    right: 0;
    bottom: 40px;
    z-index: 10;
}

.h3-title {
    line-height: 85px;
    height: 85px;
    padding-left: 50px;
}

.en-title {
   /* font-family: HansKendrickV-Regular;*/
    font-size: 70px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: -7px;
    color: #333333;
    float: left;
}

.cn-title {
   /*font-family: SourceHanSansCN-Heavy;*/
    font-size: 36px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 3px;
    color: #d70000;
    padding-left: 20px;
    line-height: 91px;
    float: left;
    height: 85px;
}

.about-text {

    position: relative;
    width: 1228px;
    /*font-family: SourceHanSansCN-Light;*/
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 32px;
    letter-spacing: 2px;
    color: #4d4d4d;
    margin-left: 55px;
    margin-top: 20px;
    margin-bottom: 72px;
    padding-top: 9px;
    padding-bottom: 9px;
}

.about-video {
    padding-left: 55px;
}

.more {
    /*font-family: SourceHanSansCN-Regular;*/
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 26px;
    letter-spacing: 0px;
    color: #d70000;
    float: right;
    padding-top: 15px;
}

.about-text:before {
    content: " ";
    display: block;
    width: 365px;
    height: 1px;
    background-color: #e6e6e6;
    top: 0px;
    position: absolute;
    left: 0
}

.about-text:after {
    content: " ";
    display: block;
    width: 365px;
    height: 1px;
    background-color: #e6e6e6;
    bottom: 0px;
    position: absolute;
    left: 0
}


.development_history-text {

    position: relative;
    width: 1228px;
    /*font-family: SourceHanSansCN-Light;*/
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 32px;
    letter-spacing: 2px;
    color: #4d4d4d;
    margin-left: 55px;
    margin-top: 20px;
    margin-bottom: 30px;
    padding-top: 9px;
    padding-bottom: 9px;
}

.development_history-timebox {}

.development_history-text:before {
    content: " ";
    display: block;
    width: 365px;
    height: 1px;
    background-color: #e6e6e6;
    top: 0px;
    position: absolute;
    left: 0
}

.development_history-text:after {
    content: " ";
    display: block;
    width: 365px;
    height: 1px;
    background-color: #e6e6e6;
    bottom: 0px;
    position: absolute;
    left: 0
}

.i_development_history {
    padding-top: 90px;
    padding-bottom: 10px;
}


.i_pro-text {

    position: relative;
    width: 1228px;
    /*font-family: SourceHanSansCN-Light;*/
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 32px;
    letter-spacing: 2px;
    color: #4d4d4d;
    margin-left: 55px;
    margin-top: 20px;
    margin-bottom: 72px;
    padding-top: 9px;
    padding-bottom: 9px;
}

.i_pro_list-box {
    margin-left: 55px;
    position: relative;
}

.i_pro-text:before {
    content: " ";
    display: block;
    width: 365px;
    height: 1px;
    background-color: #e6e6e6;
    top: 0px;
    position: absolute;
    left: 0
}

.i_pro-text:after {
    content: " ";
    display: block;
    width: 365px;
    height: 1px;
    background-color: #e6e6e6;
    bottom: 0px;
    position: absolute;
    left: 0
}


.i_pro_title_box {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
}

.i_pro_title_box li {
    float: left;
    width: 33.33333%;

}

.i_pro_title_box li a {
    display: block;
    line-height: 80px;
    text-align: center;
    /*font-family: SourceHanSansCN-Light;*/
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 2px;
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.35);
}

.i_pro_title_box li a.on {
    background-color: rgba(200, 10, 10, 0.5);
}



.pro_layout-text {

    position: relative;
    width: 1228px;
    /*font-family: SourceHanSansCN-Light;*/
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 32px;
    letter-spacing: 2px;
    color: #4d4d4d;
    margin-left: 55px;
    margin-top: 20px;
    margin-bottom: 72px;
    padding-top: 9px;
    padding-bottom: 9px;
}

.pro_layout-text:before {
    content: " ";
    display: block;
    width: 365px;
    height: 1px;
    background-color: #e6e6e6;
    top: 0px;
    position: absolute;
    left: 0
}

.pro_layout-text:after {
    content: " ";
    display: block;
    width: 365px;
    height: 1px;
    background-color: #e6e6e6;
    bottom: 0px;
    position: absolute;
    left: 0
}

.pro_layout-text span {

    /*font-family: SourceHanSansCN-Bold;*/
    font-size: 26px;
    font-weight: normal;
    font-style: italic;
    font-stretch: normal;
    letter-spacing: -1px;
    color: #4d4d4d;
}

.pro_layout_list {
    padding-left: 55px;
}

.pro_layout_list li {
    position: relative;
    width: 381px;
    float: left;
    /*font-family: SourceHanSansCN-Regular;*/
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #333333;
}

.pro_layout_list li:before {
    content: " ";
    display: block;
    width: 390px;
    height: 233px;
    border: solid 2px #d2a362;
    position: absolute;
}

.p_l_l1:before,
.p_l_l3:before {
    top: 45px;
    left: -20px;
}

.p_l_l2:before {
    top: 0px;

    left: -20px;
}

.p_l_l2 {
    margin: 0 50px;
}

.i_pro_layout_box {

    padding-top: 70px;
    padding-bottom: 70px;

}

.pro_layout_list li p {
    padding-top: 15px;
    padding-bottom: 15px;
}

.i_pro_layout-main {

    padding-bottom: 20px;
    overflow: hidden;

}


.i_honort-text {

    position: relative;
    width: 1228px;
    /*font-family: SourceHanSansCN-Light;*/
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 32px;
    letter-spacing: 2px;
    color: #4d4d4d;
    margin-left: 55px;
    margin-top: 20px;
    margin-bottom: 72px;
    padding-top: 9px;
    padding-bottom: 9px;
}

.i_honort-text:before {
    content: " ";
    display: block;
    width: 365px;
    height: 1px;
    background-color: #e6e6e6;
    top: 0px;
    position: absolute;
    left: 0
}

.i_honort-text:after {
    content: " ";
    display: block;
    width: 365px;
    height: 1px;
    background-color: #e6e6e6;
    bottom: 0px;
    position: absolute;
    left: 0
}

.i_honort_socll {
    width: 100%;
    margin: 0 auto;
}

.i_honort_box {
    padding-bottom: 80px;
}

.i_honort_socll li {
    width: 306px;
    height: auto !important;
    margin: 0 13px;
    /*font-family: SourceHanSansCN-Light;*/
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 24px;
    letter-spacing: 0px;
    color: #4d4d4d;
    text-align: center;

}

.i_honort_socll img {
    margin-bottom: 10px;
        width: 300px;
    height: 220px;
}

.i_honortlist-box {
    position: relative;
}

.rol-soc,
.ror-soc {
    position: absolute;
    top: 92px;

    z-index: 100;
    cursor: pointer;
}

.rol-soc {
    left: 0;
}

.ror-soc {
    right: 0;
}

.ror-soc {
    background-image: url("/templates/images/banner-right.png");

}

.ror-soc:hover {
    background-image: url("/templates/images/banner-right-hover.png");
}

.rol-soc:hover {
    background-image: url("/templates/images/banner-left-hover.png");
}

.rol-soc {
    background-image: url("/templates/images/banner-left.png");
}

.rol-soc a,
.ror-soc a {
    display: block;
    width: 42px;
    height: 42px;
}


.i_video_box {
    background-image: url("/templates/images/video-bg.jpg");
    height: 708px;
    background-size: 1920px 708px;
    background-position: center;
    background-repeat: no-repeat;
}

.videos_title {
    padding-top: 100px;
    padding-left: 10px;
}

.v-cn-t {
    height: 100px;

    line-height: 100px;
   /*font-family: SourceHanSansCN-Heavy;*/
    font-size: 86px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 7px;
    color: #ffffff;
}

.v-en-t {
   /* font-family: HansKendrickV-Regular;*/
    font-size: 47px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: -5px;
    color: #ffffff;
}

.i_video-main {
    padding-top: 135px;
    padding-left: 25px;
position: relative;
}

.i_video-text {

    /*font-family: SourceHanSansCN-Light;*/
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 1px;
    color: #ffffff;
    padding-bottom: 10px;

}

.i_videolist-box a {

    /*font-family: SourceHanSansCN-Bold;*/
    font-size: 30px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #ffffff;

}

.i_video_box .more {

    float: initial;
    padding-left: 25px;
    display: block;

}

.i_content {}

.i_about {
    background: #ececeb;
    padding: 75px 0;
}

.i_about_title a {
    font-size: 28px;
    line-height: 80px;
    color: #1e5484;
}

.i_about_title a span {
    display: inline-block;
    font-size: 16px;
    color: #868686;
    margin-left: 12px;
}

.i_about_txt {
    text-indent: 2em;
    font-size: 14px;
    line-height: 33px;
    color: #868686;
}

.i_info {
    padding: 50px 0;
}

.title {
    font-size: 28px;
    line-height: 42px;
    color: #1e5484;
}

.title span {
    display: inline-block;
    font-size: 16px;
    color: #868686;
    margin-left: 12px;
}

.title i a {
    display: inline-block;
    float: right;
    width: 83px;
    height: 21px;
    background: url(../images/more.png) no-repeat;
    padding-right: 45px;
    margin-top: 15px;
}
.i_video_wap_box{display:none;}
.i_video {
    position: relative;
    width: 780px;
    float: left;
}

.i_video .more {
    position: absolute;
    left: 312px;
    top: 295px;
}

#chatframe_1 {
    z-index: 1000
}

.i_video ul li {
    float: left;
    padding-right: 28px;
}

.i_video ul li dl dt {
    font-size: 16px;
    line-height: 24px;
    padding: 15px 0;
}

.i_video ul li dl dt a {
    display: block;
    color: #000;
    width: 346px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: bold;
    font-size: 18px;
}

.i_information {
    float: left;
    width: 380px;
}

.i_information_sort span a {
    display: inline-block;
    width: 75px;
    height: 20px;
    text-align: center;
    font-size: 15px;
    border-radius: 10px;
    overflow: hidden;
}



.i_information_sort {
    height: 28px;
    display: block;
    font-size: 18px;
    margin-top: 50px;
    margin-bottom: 10px;
}

.i_information_list ul li a {
    font-style: 14px;
    line-height: 28px;
    color: #040000;
    overflow: hidden;
    display: block;
    width: 300px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    float: left;
}

.i_information_list ul li a:hover {
    color: #1e5484;
}

.i_information_list ul li span {
    display: inline-block;
    float: right;
    line-height: 28px;
}

.i_pro {
    background: #ececeb;
    padding-top: 75px;
}

.i_pro_title {
    text-align: center;
    margin-bottom: 50px;
}

.i_pro_title span {
    display: inline-block;
    height: 64px;
    line-height: 64px;
    font-size: 25px;
    background: #1e5484;
    color: #fff;
    padding: 0 20px;
}

.i_pro_list ul li {
    float: left;
    width: 372px;
    margin: 0 9px;
}

.i_pro_list ul li dl dt a img {
    width: 300px;
    height: 300px;
}

.i_pro_list ul li dl dd span {
    font-size: 12px;
    line-height: 22px;
    color: #a1a1a1;
    height: 44px;
    overflow: hidden;
    display: block;
}

.i_pro_list ul li dl dd h4 {
    text-align: center;
    font-size: 16px;
    line-height: 36px;
    display: block;
    width: 372px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.page {
    margin: 50px 0;
}

.page_list {
    height: 20px;
    text-align: center;
    margin: 20px 45%;
}

.page_list ul {}

.page_list ul li {
    float: left;
    margin: 0 5px;
}

.page_list ul li a {
    display: inline-block;
    width: 10px;
    height: 10px;
    border: 1px solid #ccc;
    border-radius: 10px;
}

.page_list ul li a:hover,
.page_sel a {
    background-color: #cccccc;
}

.page_more {
    text-align: center;
    width: 140px;
    height: 35px;
    line-height: 35px;
    margin: 0 auto;
    border: 3px solid #e8e8e8;
    border-radius: 3px;
}

.i_sample {}

.i_sample_title {
    text-align: center;
    margin: 80px 0;
    color: #1e5484;
    font-size: 28px;
    line-height: 42px;
}

.i_sample_list {}

.i_sample_dll {
    position: relative;
}

.uppage {
    float: left;
    position: absolute;
    width: 50px;
    height: 150px;
    top: 240px;
    left: -35px;
}

.nextpage {
    float: right;
    position: absolute;
    width: 50px;
    height: 150px;
    top: 240px;
    right: -35px;
}


#Agentslist1 dt {
    text-align: center;
}

.uppage:hover,
.nextpage:hover {
    cursor: pointer;
}

.i_sample_list ul li {
    float: left;
    width: 222px;
    margin: 0 35px;
}

.i_sample_list ul li a img {
    border: 1px solid #ccc;
    width: 220px;
    height: 220px;
}

.i_sample_list ul li span {
    display: inline-block;
    width: 100%;
    text-align: center;
    font-size: 16px;
    line-height: 36px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.i_pro_about {}

.i_pro_about ul li dl {
    height: 330px;
    padding: 30px 0;
    border-bottom: 1px solid #ccc;
}

.i_pro_about ul li dl dt {
    float: left;
}

.i_pro_about ul li dl dt img {
    width: 240px;
}

.i_pro_about ul li dl dd h4 {
    font-size: 18px;
    line-height: 24px;
}

.i_pro_about ul li dl dd {
    float: left;
    width: 885px;
    padding-left: 40px;
}

.i_pro_about ul li dl dd span {
    DISPLAY: BLOCK;
    font-size: 14px;
    line-height: 31px;
    color: #868686;
    max-height: 250px;
    overflow: hidden;
}

.i_pro_about ul li dl dd em a {
    display: block;
    font-style: normal;
    width: 78px;
    height: 20px;
    background: #1e5484;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    border: 1px solid #000;
}

.i_pro_about ul li dl dd em a:hover {
    color: #e99400;
}

.i_info {
    padding: 60px 0;
}

.i_info .i_news {
    float: left;
    width: 550px;
}

.i_info .i_problems {
    float: right;
    width: 550px;
}

.i_news dl,
.i_problems_photo {
    margin-top: 30px;
}

.i_news dl dt {
    height: 170px;
    width: 100%;
    border-bottom: 1px solid #e0e0e0;
}

.i_news dl dt dl dt {
    position: relative;
    float: left;
    width: 230px;
    height: 160px;
    border: none;
}

.i_news dl dt dl dt a img {
    width: 230px;
    height: 160px;
}

.i_news dl dt dl dt a span {
    position: absolute;
    display: inline-block;
    top: 0;
    left: 0;
    width: 66px;
    height: 66px;
    background: #1e5484;
    text-align: center;
    font-style: normal;
    color: #fff;
    display: none;
}

.i_news dl dt dl dt a span i {
    display: block;
    font-style: normal;
    font-size: 26px;
    line-height: 45px;
    color: #fff;
}

.i_news dl dt dl dd {
    float: right;
    width: 295px;
    font-size: 14px;
    line-height: 24px;
    color: #666666;
    overflow: hidden;
    border: 0;
}

.i_news dl dt dl dd h5 a {
    font-size: 18px;
    line-height: 28px;
    color: #1e5484;
    display: block;
    width: 294px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.i_news&gt;dl dd {
    padding: 20px 0;
    border-bottom: 1px solid #e0e0e0;
}

.i_news dl dt dl dd .infos {
    display: block;
    width: 294px;
    float: right;
    font-size: 14px;
    line-height: 24px;
    color: #666666;
    height: 120px;
    overflow: hidden;
}

.i_news dl dd .i_news_time {
    float: left;
    display: inline-block;
    width: 66px;
    height: 66px;
    background: #1e5484;
    text-align: center;
    font-style: normal;
    color: #fff;
    display: none;
}

.i_news dl dd .i_news_time i {
    display: block;
    font-style: normal;
    font-size: 26px;
    line-height: 45px;
    color: #fff;
}

.i_news dl dd h6 {
    display: block;
    width: 540px;
    float: right;
    font-size: 18px;
    line-height: 28px;
    color: #333333;
}

.i_news dl dd .infos {
    display: block;
    width: 540px;
    float: right;
    font-size: 14px;
    line-height: 28px;
    color: #666666;
    height: 28px;
    overflow: hidden;
}

.i_problems_photo img {
    max-height: 157px;
}

.i_problems_list {
    height: 360px;
    overflow: hidden;
    margin: 20px 0;
}

.i_problems_list ul li dl {
    padding: 10px 0;
}

.i_problems_list ul li dl dt {
    padding: 7px 0;
    overflow: hidden;
    font-size: 20px;
    color: #333333;
}

.i_problems_list ul li dl dt span {
    display: block;
    width: 550px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #000;
    font-weight: bold;
}

.i_problems_list ul li dl dd span {
    display: block;
    height: 48px;
    overflow: hidden;
}

.i_problems_list ul li dl dt span img,
.i_problems_list ul li dl dd span img {
    float: left;
    padding-right: 25px;
}

.i_problems_list ul li dl dd {
    height: 56px;
    overflow: hidden;
    font-size: 18px;
}

.i_link {
    padding: 30px 0;
    border-top: 1px solid #e0e0e0;
}

.i_link_title {
    font-size: 20px;
    color: #797979;
}

.i_link_title span {
    display: inline-block;
    font-size: 16px;
    padding-left: 12px;
    color: #bababa;
    text-transform: uppercase;
}

.i_link_list {
    padding: 30px 0;
}

.i_link_list ul li {
    float: left;
    width: 185px;
    height: 80px;
    border: 1px solid #ccc;
    margin-right: 6px;
    background: rgba(172, 230, 245, 0.5);
}

.i_link_list ul li:hover {
    background: #fff;
}

.i_link_list ul li a img {
    width: 185px;
    height: 80px;
}

.i_information .more {
    display: none;
}

/*首页结束*/
/*footer*/
.footer {
    background: #fff;

    padding: 58px 0 28px;
}

.foot-contact {
    padding-left: 15px;
    float: left;

}

.f-cont-text1 {

    /*font-family: SourceHanSansCN-Light;*/
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 26px;
    letter-spacing: 1px;
    color: #999999;
    border-bottom: 1px dashed #999999;
    padding-bottom: 5px;

}

.f-cont-text2 {

   /*font-family: SourceHanSansCN-Normal;*/
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    padding-top: 10px;
    letter-spacing: 1px;
    color: #808080;

}

.actGotop {
    padding-right: 15px;
    float: right;

}

.foot-qrbox {

    float: right;
    overflow: hidden;
    padding-right: 30px;

}

.foot-qrbox li {

    float: left;
    padding: 0 10px;
    text-align: center;
    /*font-family: SourceHanSansCN-Light;*/
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 34px;
    letter-spacing: 1px;
    color: #666666;

}

.footer ul li {
    float: left;
}

.footer ul li a {
    font-size: 14px;
    line-height: 28px;
    color: #fff;
}

.footer ul li a:hover {
    color: #e99400;
}

.footer ul li h5 {
    font-size: 18px;
    line-height: 36px;
    color: #14a4ff;
}

.footer_about {
    width: 200px;
    text-align: center;
}

.footer_about ul li,
.footer_pro ul li,
.footer_copyright ul li {
    width: 200px;
}

.footer_pro {
    width: 200px;
    text-align: center;
}

.footer_wechat {
    width: 230px;
    height: 130px;
    text-align: center;
    border-left: 1px solid #5b82a5;
    border-right: 1px solid #5b82a5;
}

.footer_wechat img {
    width: 94px;
    height: 94px;
}

.footer_wechat span {
    display: block;
    color: #fff;
}

.footer_contactus {
    margin-left: 70px;
    max-width: 460px;
}

.footer_contactus dl {
    color: #fff;
}

.footer_contactus dl dt {
    font-size: 24px;
    color: #fff;
}

.footer_contactus dl dd {
    font-size: 14px;
    line-height: 24px;
    color: #fff;
}

.footer_contactus dl dt img {
    margin: 6px;
}

.footer_copyright {
    text-align: center;
    font-size: 14px;
    line-height: 24px;
    color: #6895bf;
    border-top: 1px solid #5b82a5;
    padding-top: 10px;
}

.jsq {
    text-align: center;
    font-size: 14px;
    line-height: 24px;
    color: #6895bf;
}

/*footerend*/
/*内页*/

.p_banner_box {
    height: auto;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.p_banner {
    display: inline;
    float: none;
    margin: 0 !important;
  text-align: center;
}

#com_thenm_banner&gt;img {
    height: auto !important;
    max-width: 100%;
    width: auto !important;
}

.p_main {
    padding: 38px 0;
}

.p_left {
    float: left;
    width: 240px;
}

.video_list,
.sample_list,
.news_list,
.pro_list {
    background: #fff none repeat scroll 0 0;
    margin-top: 25px;
    border: 1px solid #dbe0eb;
    border-radius: 0;
    padding-bottom: 0px;
    text-align: center;
}

.sidebar {
    background: #fff none repeat scroll 0 0;
    margin-top: 47px;

    border-radius: 0;
    padding-bottom: 0px;
    text-align: center;
}

.on .sortnava {
    color: #198AD2;
}

.sidebar_l .on {}

.sortnavul {
    width: 100%;
    overflow: hidden;
}

.sortnavul li {

    border-bottom: 1px solid #e6e6e6;

}

.sortnavul li a {
    display: block;
    /*font-family: SourceHanSansCN-Light;*/
    font-size: 16px;
    line-height: 53px;
    height: 53px;
    letter-spacing: 0px;
    color: #666666;
    position: relative;
}

.sidebar_l .on a {
    color: #d70000;
}

.sortnavul li a:hover {
    color: #d70000;
}

.sortnava span {
    display: block;

}

.pro_sort_box .sortnavul {
    width: 1300px;
    margin: 0 auto;
}

/* .pro_sort_box .sortnavul li:nth-child(1) {
    display: none
} */

.pro_sort_box .sortnavul li {
    float: left;
    width: 33.333333%;
    padding-left: 0;
    text-align: center;
        border-bottom: 0;
    background: inherit !important;
}

.pro_sort_box .sortnavul li a {
    /*font-family: SourceHanSansCN-Regular;*/
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 80px;
    letter-spacing: 2px;
    color: #ffffff;
    height: 80px;
}

.pro_sort_box .sortnavul li a span {
    padding-left: 0;
    background: initial;
    font-size: 20px;
    display: block;
}

.pro_sort_box {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.35);
}


.pro_sort_box .sortnavul li a:hover{
  background: rgba(200, 10, 10, 0.5);
}
}
.pro_sort_box .sortnavul li a:hover span{

  color: #fff;
}
.pro_sort_box .sortnavul li.ons a span{

  color: #fff;
}
.pro_sort_box .sortnavul li.ons a{
    color: #fff;
    background: rgba(200, 10, 10, 0.5);
}
.pro_p_main .mauto {
    width: 1300px;
    max-width: 100%;
}

.pro_p_content .p_position {
    border: 0;
    width: 100%;
    /*font-family: SourceHanSansCN-Light;*/
    font-size: 14px;
    font-weight: normal;
    padding: 10px 0;
    font-stretch: normal;
    line-height: 27px;
    letter-spacing: 0px;
    color: #999999;
}

.pro_p_main {
    background: #f5f5f5;
    padding-top: 0;
}

.pro_p_content .p_position a {
    /*font-family: SourceHanSansCN-Light;*/
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 27px;
    letter-spacing: 0px;
    color: #999999;
}
.p_position a:last-child {
    color: #d70000;
}
/*.p_lastnav dl dt{font-size: 24px;width: 80%;color: #fff;margin: 0 auto;border-bottom: 4px solid #fff;line-height: 50px;}
.p_lastnav dl dd a{font-size: 20px;color: #ececec;line-height: 70px;}
.p_lastnav dl dd a:hover{color: #e99400;}
.p_lastnav dl dd a:before{content: "·";font-size: 20px;font-weight: bold;}*/
.p_content {
    float: right;
    width: 950px;
}

.bot1 .p_position {

    border-bottom: 1px solid #e6e6e6;

}

.bot1 .p_main .mauto {

    width: 1301px;
    max-width: 100%;

}

.bot1 .p_content {
    width: 971px;
}

.p_position {

    text-align: right;
    width: 100%;
    /*font-family: SourceHanSansCN-Light;*/
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 27px;
    letter-spacing: 0px;
    color: #999999;

}

.bot1 .p_main {

    border-bottom: 1px solid #e6e6e6;

}

.p_position a {
    /*font-family: SourceHanSansCN-Light;*/
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 27px;
    letter-spacing: 0px;
    color: #999999;
}

.p_position h3 {
    float: left;
    font-size: 14px;
    padding-left: 20px;
    display: none;
}

.p_position_next {
  /*   font-family: songti; */
    line-height: 21px;
}

.about_content {
    padding: 30px 0 30px 00px;
}

.about_content strong {
    font-size: 20px;
    line-height: 50px;
}
.about_content .remark strong {
    font-size: inherit;
    line-height: inherit;
}
.about_content p {
    font-size: 18px;
    line-height: 30px;
    color: #666666;
}
.about_content .remark{
    max-width: 790px;
margin: 0 auto;
}
.about_content .remark p{
  max-width: 790px !important;
margin: 0 auto !important;
}

/*内页 end*/
.en .title i a {
    background: rgba(0, 0, 0, 0) url("../images/enmore.png") no-repeat scroll 0 0;
}

.nmdef_left {
    float: left;
}

.nmdef_right {
    float: right;
}

.en .ddsmoothmenu ul li a span {
    display: none;
}

.en .nava {
    line-height: 50px;
}

.en .selected,
.en .navactive {
    line-height: 50px;
}

.i_pro_list.clearfix.bd {
    overflow: hidden;
}

.i_pro_list dt {
    text-align: center;
}

.scroll {
    position: relative;
}

.hd {
    position: absolute;
    top: 40px;
    width: 100%;
}

.next {
    float: left;
}

.prev {
    float: right;
}

.navbar-toggle {
    display: none;
}

.navbar-toggle {
    background: rgba(0, 0, 0, 0) url("../Images/icon01.png") no-repeat scroll center center / 65% auto;
    border-radius: 0;
    float: right;
    height: 65px;
    width: 65px;
}

.remark img {
    max-width: 100%;
}

/*单页定制*/

.m_51t {
    /*font-family: SourceHanSansCN-Light;*/
    font-size: 16px;
    line-height: 30px;
    color: #333333;
    text-indent: 30px;
    padding-top: 50px;
    text-align: justify;
    padding-bottom: 50px;
    font-weight: 300;
}

.m_51img {
    font-family: KaiTi;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 50px;
    letter-spacing: 0px;
    color: #542d0a;
    text-align: center;
}

.m_51t5 {
    padding-top: 0;
}

.m_55img {
    padding-top: 30px
}

.m_55t {
    /*font-family: SourceHanSansCN-Light;*/
    font-size: 16px;
    line-height: 30px;
    color: #333333;
    padding-top: 50px;
    padding-bottom: 50px;
    text-align: justify;
    font-weight: 300;
}


.m59t {
   /*font-family: SourceHanSansCN-Normal;*/
    font-size: 16px;
    line-height: 30px;
    color: #333333;
}

.m59t1 {
    padding-top: 40px;
    padding-bottom: 50px;
}

.m59t span {
   /* font-family: SourceHanSansCN-Medium;*/
}

.m59ti1 {
    padding-bottom: 30px;
}

.m59-ti-n {

   /* font-family: HansKendrickV-Regular;*/
    font-size: 52px;
    font-style: italic;
    float: left;
    color: #d70000;
    padding-right: 10px;
    height: 50px;
    line-height: 58px;
}

.m59-ti-c p {
    /*font-family: SourceHanSansCN-Regular;*/
    font-size: 20px;
    line-height: 27px;

    color: #333333;
}

.m59-ti-c span {
   /* font-family: HansKendrickV-Regular;*/
    font-size: 14px;
    line-height: 27px;
    color: #999999;

}

.m59_tlt {
   /* font-family: SourceHanSansCN-Medium;*/
    padding-top: 20px;
    padding-bottom: 10px;
    text-align: justify;
    padding-left: 30px;
}

.m59_ti_c {
   /*font-family: SourceHanSansCN-Normal;*/
    font-size: 16px;
    padding-left: 30px;
}

.m59ti2 {
    margin-top: 60px;
    border-top: 1px solid #e6e6e6;
    padding-top: 60px
}

.m59-ti-c {
    float: left;
}

.m59ti1 {
    padding-bottom: 30px;
}

.m59_i_list {
    margin: 0 -5px;
    overflow: hidden;
    padding-top: 10px;
    padding-bottom: 15px;
}

.m59_i_list li {
    float: left;
    padding: 0 5px;
}

.m59t3 .fl {
    width: 286px;
    padding-top: 37px;
}

.m59t3 {
    padding-top: 35px;
    padding-bottom: 35px;
}

.m59t3 .m59_tlt {
    padding-bottom: 10px;
}

.m59t4 .m59_tlt,
.m59t5 .m59_tlt {
    padding-top: 0;
    padding-bottom: 10px;
}

.m59t4,
.m59t5 {

    padding-top: 55px;

}

.m59t4 .fl,
.m59t5 .fl {

    width: 316px;

}

.m60t {
    /*font-family: SourceHanSansCN-Light;*/
    font-size: 16px;
    text-align: justify;
    line-height: 30px;
    color: #333333;
}

.m6051 {
    padding-bottom: 60px;
}

.m60t2 .fl,
.m60t3 .fr {
    width: 480px;
    padding-top: 25px;
    /*font-family: SourceHanSansCN-Light;*/
    font-size: 16px;
    line-height: 30px;
    color: #666666;
}
.m60_ti_c {
    text-align: justify;
}

.m60_tlt {
   /*font-family: SourceHanSansCN-Normal;*/
    font-size: 18px;
    line-height: 30px;
    color: #333333;
    position: relative;
    padding-bottom: 40px;
}

.m60_tlt:after {
    content: " ";
    width: 150px;
    height: 1px;
    background-color: #cccccc;
    display: block;
    left: 0;
    top: 38px;
    position: absolute;
}

.m60t2 {
    padding-bottom: 60px;
}

.m60t4 {

    border-top: 1px solid #e6e6e6;
    margin-top: 90px;
    padding-top: 90px;

}

.m60t4 .fl {

    padding-top: 60px;

}

.m60t4 .m60_ti_c {
    width: 504px;
}

.m53t1 .fr {
    text-align: right;
    padding-top: 83px;
    padding-bottom: 65px
}
.videos iframe {
    width: 800px;
    height: 500px;
}
.m53t1 {
    padding-top: 78px;
}

.m53t {
   /*font-family: SourceHanSansCN-Normal;*/
    font-size: 16px;
    line-height: 30px;
    color: #333333;
}

.m53t2 {
    padding-bottom: 45px;
        text-align: justify;
}

.m62t1 {
    text-align: justify;
   /*font-family: SourceHanSansCN-Normal;*/
    font-size: 16px;
    line-height: 30px;
    color: #333333;
    padding-top: 60px;


}
.menu_57 .lishiWBox{

}
.menu_57 .lishiWBox .lishidian {
    opacity: 0;
}
.menu_57 .in_history_pic{    margin-right: 38px;}

.menu_62_view .remark1 img {

    margin-top: 60px;

}

.m65_tr1 {
    width: 230px;
}

.m65_tr {
   /*font-family: SourceHanSansCN-Normal;*/
    font-size: 18px;
    line-height: 27px;
    letter-spacing: 7px;
    color: #333333;
    text-align: center;
}

.m65_tr td {
    padding-top: 20px;
    padding-bottom: 20px;
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
}

.m65_table {
    border-left: 1px solid #cccccc;
    border-top: 1px solid #cccccc;
    margin-top: 17px;
}

.m65_tr2 {
    width: 470px;
}

.m65_tr3 {
    width: 269px;
}

.m65_tr4 {
    font-size: 14px;
    letter-spacing: 0px;
    /*font-family: SourceHanSansCN-Light;*/
}

.m65_tr5 {
    text-align: left;
    padding-left: 25px;
}


.m66t {
   /*font-family: SourceHanSansCN-Normal;*/
    font-size: 16px;
    font-weight: normal;
    text-align: justify;
    font-stretch: normal;
    line-height: 24px;
    letter-spacing: 0px;
    color: #333333;
    padding: 15px 0;
}

.m6t2 {
    /*font-family: SourceHanSansCN-Light;*/
}

.m66ti1.m59ti {
    margin-top: 77px;
    padding-bottom: 20px;
}

.menu_67 .remark1 {

    padding-top: 77px;

}

.m67t {
    text-align: justify;
    /*font-family: SourceHanSansCN-Light;*/
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 30px;
    letter-spacing: 0px;
    color: #333333;
    padding-bottom: 30px;

}

.m68ti1 {

    padding-top: 78px;

}

.m67ti2 {

    color: #d70000;
    padding-top: 0px;

}

.m68ti2 {

    margin-top: 90px;
    padding-top: 60px;
    border-top: 1px solid #e6e6e6;

}

.m68t {

    /*font-family: SourceHanSansCN-Light;*/
    font-size: 16px;
    line-height: 40px;
    color: #333333;
    padding-top: 40px;

}


.m63t {
   /*font-family: SourceHanSansCN-Normal;*/
    font-size: 16px;
    line-height: 24px;
    color: #333333;
}

.m63t1 li {
    float: left;
    width: 202px;
    text-align: center;
    padding: 0 22px;
}

.m63t1 ul {
    margin-left: -22px;
    margin-right: -22px;
}

.m63t1 li div {
    padding-top: 20px;
}

.m63t1 {
    padding-top: 55px;
    padding-bottom: 85px;
    border-bottom: 1px solid #e6e6e6;
}

.m63ti1 {
    padding-top: 77px;
}

.m63ti2 {
    padding-top: 60px;
}

.m63t2 {
    /*font-family: SourceHanSansCN-Regular;*/
    font-size: 18px;
    line-height: 30px;
    color: #333333;
    padding-top: 50px;
    padding-bottom: 20px;
    margin-bottom: 30px;
}

.m63t3 {
    background-image: url(/templates/images/img/menu_63/m63_bg.png);
    background-repeat: no-repeat;
    background-position: center 30px;
    padding-bottom: 40px;
}

.m63t2 div {
    display: block;
    position: relative;
    padding-bottom: 8px;
}

.m63t2 div:after {
    content: " ";
    width: 173px;
    border-bottom: 1px solid #d70000;
    position: absolute;
    bottom: 0;
    left: 0;
}

.m63t3 li {
    float: left;
    width: 96px;
    text-align: center;
}

.m63t3 li div {
    padding-top: 18px;
}

.m63t3 .m63_lim2 {
    margin-left: 66px;
    margin-right: 75px;
    padding-top: 65px;
}

.m63t3 .m63_limz {
    margin-left: 90px;
    margin-right: 80px;
}

.m63t3 .m63_limx {
    margin-left: 75px;
    margin-right: 0;
}

.m63t4 li {
    float: left;
    width: 222px;
    font-size: 18px;
    line-height: 30px;
    color: #333333;
    overflow: hidden;
    padding-bottom: 37px;
}

.m63t4 .m63_lim2 {
    margin-left: 152px;
    margin-right: 152px;
}

.m63t4 li img {
    float: left;
}

.m63t4 li div {
    float: right;
    width: 141px;
}

.m63t4 li span {
    /*font-family: SourceHanSansCN-Light;*/
    font-size: 14px;
    line-height: 19px;
    letter-spacing: 0px;
    color: #333333;
    display: block;
}

.m63t4 {
    padding-bottom: 40px;
    border-bottom: 1px solid #e6e6e6;
}

.m63t5 ul {
    margin: 0 -22px;
    overflow: hidden;
    padding-top: 40px;
}

.m63t5 li {
    float: left;
    padding: 0 21px 50px;
}

.m63t5 li div {
    padding-top: 13px;
}


.m52t1 .fr {
    width: 454px;
}

.m52 {
    /*font-family: SourceHanSansCN-Light;*/
    font-size: 14px;
    line-height: 30px;
    color: #666666;
}

.m52ti p {
    /*font-family: SourceHanSansCN-Regular;*/
    font-size: 40px;
    line-height: 30px;
    color: #d70000;
}

.m52ti span {
   /*font-family: SourceHanSansCN-Normal;*/
    font-size: 16px;
    line-height: 30px;
    color: #333333;
    display: block;
    position: relative;
    padding-top: 15px;
    margin-bottom: 13px;
}

.m52t2 .fl {
    width: 462px;
    padding-top: 75px;
    margin-left: 25px;
}

.m52t2 {
    padding-top: 120px;
    padding-bottom: 120px;
}

.m52t3 .fr {
    width: 480px;
    padding-top: 90px;
}

.m52ti span:after {
    content: " ";
    width: 150px;
    border-bottom: 1px solid #cccccc;
    position: absolute;
    bottom: 0;
    left: 0;
}

.m52t1 {
    padding-top: 87px;
        text-align: justify;
}


.m70t {
    /*font-family: SourceHanSansCN-Light;*/
    font-size: 16px;
    line-height: 30px;
    color: #333333;
}

.m70ti1.m59ti.clearfix {}

.menu_70 .m59ti {
    padding-top: 70px;
    padding-bottom: 40px;
    border-top: 1px solid #e6e6e6;
    margin-top: 60px;
}

.m70t ul {
    margin-left: 67px;
    border-left: 1px solid #cccccc;
    padding-top: 14px;
    padding-bottom: 27px;
}

.m70t li {
    padding-left: 27px;
    margin-bottom: 5px;
    background-image: url(/templates/images/img/menu_70/icon_1.png);

    background-repeat: no-repeat;

    background-position: left 12px;

    margin-left: -4px;
}

.m70ib p {
    /*font-family: SourceHanSansCN-Light;*/
    font-size: 14px;
    line-height: 30px;
    letter-spacing: 0px;
    color: #333333;
    text-align: center;
    padding-top: 15px;
    width: 329px;
}

.m70ib&gt;div {
    padding-top: 50px;
    padding-bottom: 20px;
}

.m70ib&gt;div.m70ib4 {
    padding-top: 0;
}

.m70t5 .m70ib {
    margin-top: -150px;
}

.m70t6 .m70ib {
    margin-top: -130px;
}

.m70t7 .m70ib {
    margin-top: -50px;
}

.m70t1 {
    margin-top: 60px;

    text-align: justify;
}
.menu_52_view .sortnavt span,.menu_69_view .sortnavt span,.menu_70_view .sortnavt span,.menu_71_view .sortnavt span{padding-left: 1px;}

.p_videos_list {
    margin-left: -16px;
    margin-right: -16px;
}

.p_videos_list li {
    float: left;
    padding: 25px 15px;
}

.p_videos_list li a {
    display: block;
}

.p_videos_list img {
    height: 163px;
    border-radius: 4px;
}

.v_tile {
    /*font-family: SourceHanSansCN-Light;*/
    font-size: 16px;
    line-height: 27px;
    color: #333333;
    border-bottom: 1px solid #e6e6e6;
    padding-top: 10px;
    padding-bottom: 5px;
    margin-bottom: 5px;
width: 300px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 100%;
}

.videso_infos {
    /*font-family: SourceHanSansCN-Light;*/
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 27px;
    letter-spacing: 0px;
    color: #808080;
}

.videso_infos p {
    font-size: 12px;
    float: left;
}

.about_content p {}

.videso_infos span {
    float: right;
}


.n_down_list li {
    /*font-family: SourceHanSansCN-Light;*/
    font-size: 16px;
    line-height: 55px;
    color: #333333;
    padding-left: 26px;
    border-bottom: 1px solid #e6e6e6;
    height: 55px;
    background-image: url(/templates/images/img/menu_70/icon_1.png);

    background-repeat: no-repeat;

    background-position: left center;
}

.title-link {
    float: left;
}

.title-link {}

.title-link2 {
    float: right;

}

.title-link2 img {
    vertical-align: middle;
    display: inline-block;
    padding-left: 15px;
}
.ons span {
    color: #d70000;
    font-weight: bold;
}
.menu_60 .remark1 {
    margin-top: 78px;
}
/*公司历程*/
.in_history_w {
    width: 100%;

    background-color: #fff;
}

.in_history {
    width: 1200px;

    margin: 0 auto;
    overflow: hidden;
}

.in_history_top {
    margin-top: 86px;
    text-align: center;
}

.in_history_top h2 {
    font-size: 48px;
    color: #ed6d00;
    font-weight: lighter;
}

.in_history_top p {
    font-size: 18px;
    color: #cccccc;
    font-weight: lighter;
}



.in_history_tab {
    margin-top: 34px;
    font-size: 60px;
    color: #d70000;
    text-align: center;
   /* font-family: HansKendrickV-Regular;*/
    letter-spacing: -6px;
}

.in_history_tab span {
    margin: 0 5px;
    position: relative;
}

.in_history_tab span:after {
    width: 22px;
    height: 3px;
    background-color: #333333;
    position: absolute;
    content: "";
    display:none;
    bottom: -10px;
    left: 50px;
}

.in_history_arrow {
    width: 144px;
    height: 33px;
    display: inline-block;
    -webkit-transition-duration: .8s;
    transition-duration: .8s;
    -webkit-transition-property: all;
    transition-property: all;
}

.in_history_arrowl {
    background: url('/templates/images/shiye15.png') no-repeat 0 0;
}

.in_history_arrowr {
    background: url('/templates/images/shiye15.png') no-repeat -144px 0;
}


.in_history_arrowl:hover {
    -webkit-transform: translate(-15px, 0);
    transform: translate(-15px, 0);
    background: url('/templates/images/z_11H.png') no-repeat 0 0;
}

.in_history_arrowr:hover {
    -webkit-transform: translate(15px, 0);
    transform: translate(15px, 0);
    background: url('/templates/images/z_11H.png') no-repeat -144px 0;
}

.in_history_showCon {
    width: 980px;
    height: 305px;
    margin: 54px auto 0 auto;
    overflow: hidden;
    position: relative;
}

.in_history_show {
    width: 980px;
    display: none;
    position: absolute;
    top: 0;
    left: 0;
}

.in_history_pic {
    width: 360px;
    margin-right: 58px;
    float: left;
}

.in_history_word {
    width: 562px;
    float: left;
    font-size: 14px;
    line-height: 24px;
    color: #666666;
}

.in_history_word h3 {
    line-height: 30px;
    font-size: 30px;
    color: #333;
    /*font-family: SourceHanSansCN-Bold;*/
    padding-bottom: 20px;
}

.in_history_lcinfos {

    /*font-family: SourceHanSansCN-Light;*/
    font-size: 14px;
    letter-spacing: 2px;
    color: #4d4d4d;
    line-height: 30px;

}

.in_history_time a.dnr {
    display: none;
}

.in_history_time a.dnl {
    display: none;
}



.lishi {
    width: 1170px;
    height: 96px;
    margin-top: 50px;
    margin-left: 30px;
    position: relative;
    overflow: hidden;
}

.lishiCon {
    font-size: 0;
    position: relative;
}

.lishiTBox {
    width: 65px;
    height: 96px;
    font-size: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
}

.lishiWBox {
    width: 130px;
    height: 96px;
    font-size: 0;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
}

.lishi .year {
   /* font-family: HansKendrickV-Regular;*/
    width: 65px;
    padding-bottom: 68px;
    text-align: center;
    display: inline-block;
    font-size: 14px;
    color: #999;
    position: relative;
}

.lishi .year:hover {
    font-size: 24px;
    color: #d70000;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: all;
    transition-property: all;
}

.lishi .year:before {
    content: '';
    width: 100%;
    height: 1px;
    background-color: #5c5b59;
    position: absolute;
    bottom: 25px;
    left: 0;
}

.lishi .year:after {
    content: "";
    width: 2px;
    height: 30px;
    margin-left: -1px;
    background-color: #5c5b59;
    position: absolute;
    left: 50%;
    bottom: 11px;
}

.lishi .year:hover:after {
    height: 50px;
    background-color: #d70000;
    bottom: 0px;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: all;
    transition-property: all;
}

.lishi .year.on {
    letter-spacing: -2px;
    color: #d70000;
    font-size: 24px;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: all;
    transition-property: all;
}

.lishi .year.on:after {
    height: 50px;
    background-color: #d70000;
    bottom: 0px;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: all;
    transition-property: all;
}

.lishi .lishiT {
    font-size: 24px;
    color: #d70000;
    background-color: #3e3c3b;
    letter-spacing: -2px;
    padding-bottom: 65px;
}

.lishi .lishiT:before {
    bottom: 27px;
}

.lishi .lishiW {
    font-size: 24px;
    color: #d70000;
    background-color: #d70000;
    z-index: 12;
    padding-bottom: 66px;
}

.lishi .lishiW:before {
    bottom: 27px;
}

.lishi .lishidian {
    background-color: #3e3c3b;
}

.lishi .lishiLdn {
    display: none;
}

.lishiline {
    width: 32px;
    height: 2px;
    background-color: #d70000;
    position: absolute;
    bottom: 27px;
    left: 0;
    z-index: 11;
}



.in_lishi .lishiT {
    background-color: #fff;
}

.in_lishi .lishiW {
    background-color: #fff;
}

.in_lishi .lishidian {
    background-color: #fff;
}

.in_lishi .year:before {
    width: 0;
}


.historyWord h3 {
    font-size: 20px;
    text-align: center;
    line-height: initial;
    padding: 5px 0;
}

.historyCon {
    padding: 0 20px;
    text-align: justify;
}

.historyPic img {
    width: 360px;
    vertical-align: bottom;
    height: 200px;
}

.historyTab span {
    color: #d70000;
    margin: 0 5px;
    position: relative;
    font-size: 30px;
    letter-spacing: 0;
    text-align: center;
}

.historyTab {
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
}

.history-button-prev {
    width: 60px;
    background-position: left center;
    background-size: 125px;
    height: 28px;
    background-image: url(/templates/images/shiye15.png);
    display: inline-block;
    -webkit-transition-duration: .8s;
    transition-duration: .8s;
    -webkit-transition-property: all;
    transition-property: all;
    background-repeat: no-repeat;
}

.history-button-next {
    width: 60px;
    background-position: right center;
    background-size: 125px;
    height: 28px;
    background-image: url(/templates/images/shiye15.png);
    display: inline-block;
    -webkit-transition-duration: .8s;
    transition-duration: .8s;
    -webkit-transition-property: all;
    transition-property: all;
    background-repeat: no-repeat;
}
.history-button-next:hover {
  -webkit-transform: translate(15px, 0);
    transform: translate(15px, 0);
    background-image: url(/templates/images/z_11H.png);
        background-position: right center;
    background-size: 125px;
    }
    .history-button-prev:hover {
  -webkit-transform: translate(-15px, 0);
    transform: translate(-15px, 0);
    background-image: url(/templates/images/z_11H.png);
        background-position: left center;
    background-size: 125px;
    }


.swiper-slide a {
    text-align: center;
    font-size: 16px;
    color: #999;
    position: relative;
    line-height: 20px;
    display: block;
    padding-bottom: 50px;
}

.active-slide a {
    color: #d70000;
    font-size: 20px;
    position:relative;
}
.swiper-slide a:after {
    content: "";
    width: 2px;
    height: 20px;
    margin-left: -1px;
    background-color: #5c5b59;
    position: absolute;
    left: 50%;
    bottom: 11px;
}
    .active-slide a:after{height: 35px;
    background-color: #d70000;
    bottom: 0px;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: all;
    transition-property: all;}

      .history-container:after{
      content: "";
      display:block;
      position:absolute;
      left:0;
      right:0;
      height: 2px;
      background-color: #5c5b59;
      top: 48px;
      }
      


.history-container {
    position: relative;
}
.wap-history{
    display:none;
}
 .h-search {
    float: left;
    line-height: 76px;
    position: relative;

    transition: all .3s;

    -wekit-transition: all .3s;

    -moz-transition: all .3s;

}

.h-search .search {
    background: url('/templates/images/h-search.png') no-repeat;
    width: 17px;
    height: 17px;
    border: none;
    position: absolute;
    left: 0;
    top: 30px;
    z-index: 2;
    cursor: pointer;

    transition: top .3s;

    -wekit-transition: top .3s;

    -moz-transition: top .3s;

}

 .h-search .search-d {
    float: left;
    margin-left: 15px;
}

 .h-search .search-h {
    position: absolute;
    top: 24px;
    z-index: 1;

    transition: top .3s;

    -wekit-transition: top .3s;

    -moz-transition: top .3s;

}

 .h-search .search-h input {
    border: none;
    background: url('/templates/images/h-searchBG.png') no-repeat #fff;
    width: 0px;
    height: 30px;
    box-sizing: content-box;
    color: #999;
    display: none;
}
.search-h {

    line-height: initial;

}
 .h-search .search-h input.search-inh {
    padding: 0 30px 0 10px;
}

 .h-search .search-in {
    width: 155px;
    font-weight: bold;
    color: #999;
    margin-left: 15px;
    font-size: 14px;
    display: block;
    cursor: pointer;
}

.menu_57 .in_history {
    width: 971px;
}
.menu_57 .lishi{
     width: 941px;

}
.honor_inner_title {

    /*font-family: SourceHanSansCN-Regular;*/
    font-size: 24px;
    line-height: 30px;
    color: #333333;
    text-align: center;
    margin-bottom: 20px;
    margin-top: 40px;
    position: relative;

}
.honor_inner_title:after {
    width: 300px;
    height: 1px;
    background-image: linear-gradient(90deg, #d70000 0%, rgba(255, 255, 255, 0.8) 100%);
    content: " ";
    display: block;
    position: absolute;
    right: 70px;
    top: 12px;
}
.honor_inner_title:before{
    width: 300px;
    height: 1px;
    background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.8) 0%, #d70000 100%);
    content: " ";
    display: block;
    position: absolute;
    left: 70px;
    top: 12px;
}

.honor_inner_list {

    margin-left: -15px;
    margin-right: -15px;
    overflow: hidden;

}
.honor_inner_list img{max-width: 220px;max-height: 161px;
width: 220px;
    height: 161px;}
.honor_inner_list li {

    float: left;
    width: 220px;
    text-align: center;
    box-sizing: content-box;
    padding: 20px 15px;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 24px;
    letter-spacing: 0px;
    color: #4d4d4d;
    height: 245px;

}
.h-i-title {
    padding-top: 20px;
    white-space: nowrap;
    text-overflow: ellipsis;
    letter-spacing: -1px;
    overflow: hidden;
    display: block;

}
.roll_col{
    height: 365px;
    overflow: hidden;
    position: relative;
    width: 417px;
}
.roll__list{

width: 100%;
}

.i_video-img {
    position: absolute;
    top: -15px;
    right: 0;
}
.v-l-b {
    position: relative;
}
.v-l-b a {
    display: block;
}
.v-l-b a img {

    width: 274px;
    height: 174px;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.6);
    border-radius: 6px;

}
.v-l-b1{
    text-align: right;
    z-index: 1;
    padding-top: 10px;
}
.v-l-b2{
    margin-top:-60px;
    z-index: 2;
}
.v-l-b3{
    margin-top:-60px;
    margin-left: 110px;
    z-index: 1;
}
.v-l-b3 a img {

    width: 236px;
    height: 149px;

}
.v-l-b1 a img {

    width: 274px;
    height: 149px;

}

.control.pre {

    background-repeat: no-repeat;
    display: block;
    position: absolute;
    height: 21px;
    width: 9px;
    background-position: center;
    right: 0;
    bottom: 110px;
    z-index: 100;
background-image: url("/templates/images/up_scoll.png")
}
.control.pre:hover{background-image: url("/templates/images/up_scoll_hover.png")
}
.control.next {

    background-repeat: no-repeat;
    display: block;
    position: absolute;
    height: 21px;
    width: 9px;
    background-position: center;
    right: 0;
    bottom: 40px;
    z-index: 100;
background-image: url("/templates/images/down_scoll.png")
}
.control.next:hover{background-image: url("/templates/images/down_scoll_hover.png")
}


.menu_72 .about_content {
  margin: 0 -15px;

}
.m_72_s_box {
  float: left;
  margin: 0 15px;
  position: relative;
  padding-top: 20px;
padding-bottom: 20px;
}
.m_72_s_box:hover .m_72_row_time {
    color: #fff;
    background-color: #d70000;
}
.m_72_row_time {
    color: #333333;
    background-color: #f0f0f0;
    font-size: 16px;
    padding: 10px;
    /*font-family: SourceHanSansCN-Light;*/
}
.m_72_time {
    font-size: 12px;
}
.m_72_img img {
  width: 303px;
  height: 163px;
}
.m_72_list {
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 0 0 4px 4px;
    position: absolute;
    width: 303px;
    padding: 15px;
    color: #333333;
    font-size: 14px;
    line-height: 27px;
    display: none;
    z-index: 100;
}

.m_72_list a {
    display: block;
    padding-left: 12px;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    background-repeat: no-repeat;
    background-position: left center;
    background-image: url("/templates/images/list_icon1.png");
}
.m_72_title img {

    vertical-align: middle;
    margin-top: -4px;
    filter: invert(60%);
    transform: rotate(-90deg);

}
.m_72_s_box:hover  .m_72_title img
 {

    filter: invert(0%);
    transform: rotate(00deg);

}
.m_72_title i {

    padding-left: 10px;

}
.m59t.m59t5 .fl {
    padding-top: 60px;
}
.menu_54 .remark1 {
    padding-top: 20px;
}
.m_55img {
    padding-top: 78px;
}
.menu_57 .p_content {
    padding-top: 107px;
}
.menu_59_view .p_content {
    padding-top: 38px;
}
.menu_56 .p_content {
    padding-top: 40px;
}

.menu_62 .remark1 {
    padding-top: 17px;
}
.sortnavul li:last-child {
    border-bottom: 0;
}
.sortsubnavcontainer li {

    border-bottom: 1px solid #e6e6e6;

}
.btn.sortnavli &gt; ul {

    border-top: 1px solid #e6e6e6;

}
.sortsubnavcontainer &gt; li:last-child a {

    border-bottom: 1px solid #e6e6e6;

}
.sortsubnavcontainer &gt; li:last-child a:last-child {

    border-bottom: 0px solid #e6e6e6;

}
.sortsubnavcontainer {

    padding-left: 40px;

}
.m53t1-text {
    text-align: center;
}
.menu_69 .m52{font-size: 16px;}
.sort_down {

    display: inline-block;
    width: 8px;
    height: 8px;
    border-top: 2px solid #666666;
    border-left: 2px solid #666666;
    position: absolute;
    right: 60px;
    top: 22px;
    transform: rotate(135deg);

}
.sotr_show .sortnava{color:#d70000;}
.sotr_show .sort_down {

 border-color: #d70000;
transform: rotate(225deg);

}
.sortsubnavcontainer a {

    text-align: left;
    padding-left: 70px;

}
.f-cont-text2 a:hover{
    color: #d70000;
}
.in_history_pic img{
width:360px;
height: 200px;
}
.p_v_b3.p_v_b span {
    line-height: 35px !important;
}
.old_news_view .about_content p {
    line-height: 30px !important;
    font-size: 14px !important;
width: 620px;
margin-left: auto !important;
margin-right: auto !important;
max-width: 100%;
}
.old_news_view .about_content p span{ font-size: 14px !important;}
.old_news_view .about_content img {
    display: block;
    margin: 10px auto;
}
.old_news_view .about_content strong {
    font-size: inherit;
    line-height: initial;
}
.old_news_view .about_content br {
    display: none;
}

.old_news_view .about_content b {
    display: block;
    text-align: center;
}
.n_n_list_serchs li {
  overflow: hidden;
  line-height: 30px;
  font-size: 14px;
  border-bottom: 1px dashed #c6c6c6;
}
.n_n_list_serchs li a {
  float: left;
  width: 70%;
  white-space: nowrap;
  overflow: hidden;
  display: block;
}
.n_n_list_serchs li span {
  float: right;
}

/*--------1366------------*/
@media screen and (max-width: 1366px) {}

/*--------1208------------*/
@media screen and (max-width: 1280px) {
    .i_honort_socll li {
    width: 290px;
}.p_l_l2 {
    margin: 0 31px;
}

    
}

/*--------1000------------*/
@media screen and (max-width: 1024px) {
.header_right .header_search {
    margin-top: -82px;
}.pro_sort_box .sortnavul {
    max-width:  100%;
}
    .logo {
        max-width: 115px;
    }
.pro_layout_list li {
    width: 30%;
}

.pro_layout_list li:before {
    width:  100%;
    height:  77%;
}
    .logo img {
        max-width: 100%;
    }

    object {
        width: 100%;
    }

    .i_about {
        padding: 0 30px;
    }

    .i_video {
        float: none;
        margin-bottom: 30px;
        min-height: 323px;
        padding: 0 30px 30px;
        width: 100%;
    }

    .i_video .title {
        text-align: center;
    }

    .i_video ul li {
        padding: 0 10px;
        text-align: center;
        width: 50%;
    }

    .i_video ul li dl dt a {
        width: 100%;
    }

    #com_indexistop_videos dd video {
        width: 100% !important;
    }

    .i_video .more {
        bottom: -30px;
        left: 0;
        position: absolute;
        right: 0;
    }

    .i_video .title i a {
        float: none;
        margin-top: 30px;
    }

    .i_information {
        float: none;
        padding: 0 40px;
        width: 100%;
    }

    .i_information .title {
        text-align: center;
    }

    .i_information_sort {
        color: #fff;
        height: 30px;
        line-height: 30px;
        margin-top: 10px;
        text-align: center;
    }

    .i_information_sort span a {
        border: 1px solid #dfdfdf;
        height: 30px;
        line-height: 30px;
        width: 120px;
    }

    .i_information_sort span a:hover,
    a.on {
        border-color: #1e5484 !important;
    }

    .i_information_list ul li a {
        width: 70%;
    }

    .i_information_list ul li span {}

    .i_pro {
        padding-top: 30px;
    }

    .scroll {
        overflow: hidden;
        padding: 0 20px;
        position: relative;
    }

    .i_pro_list ul li {}

    .i_sample_title {
        margin: 40px 0;
    }

    .page {
        margin: 30px 0;
    }

    .i_pro_title {
        margin-bottom: 25px;
    }

    .i_pro_about ul li dl dt {
        max-width: 30%;
    }

    .i_pro_about ul li dl dt img {
        max-width: 100%;
        width: auto;
    }

    .i_pro_about.clearfix dl {
        height: auto;
        overflow: hidden;
        padding: 30px 20px;
    }

    .i_pro_about.clearfix dd {
        width: 70%;
    }

    .i_info .i_news {
        float: none;
        padding: 0 20px;
        width: 100%;
    }

    #com_indexistop_news dl {
        overflow: hidden;
    }

    .i_news dl dt dl dt {
        height: auto;
        width: 30%;
    }

    .i_news dl dt dl dt a img {
        max-width: 100%;
        width: auto;
    }

    .i_news dl dt dl dd {
        width: 70%;
    }

    .i_news dl dt dl dd .infos {
        width: 100%;
    }

    .i_news dl dt {
        height: auto;
    }

    .i_news dl dd h6 {
        width: 100%;
    }

    .i_news dl dd .infos {
        float: none;
        height: auto;
        width: 100%;
    }

    .i_info .i_problems {
        float: none;
        padding: 20px;
        width: 100%;
    }

    .i_problems_photo {
        display: none;
    }

    .i_problems_photo {
        display: none;
    }

    .i_sample {
        overflow: hidden;
    }

    .i_link_title {
        text-align: center;
    }

    .i_link_list {
        overflow: hidden;
        padding: 30px 20px;
    }

    .hd {
        display: none
    }

    .tempWrap {
        max-width: 100% !important;
    }

    .p_main {
        padding: 20px;
    }

    .sidebar {
        margin-top: 0;
    }

    .p_left {
        float: none;
        width: 100%;
    }

    .video_list,
    .sample_list,
    .news_list,
    .pro_list {
        display: none;
    }

    .sortnavul li {
        float: left;
        padding: 0;
        width: 25%;
        border-right: 1px solid #fff;
    }

    .i_nav {
        width: 780px;
    }

    .ddsmoothmenu ul li {
        margin-left: 10px;
    }

    .header_tel {
        display: none;
    }

    .nava:hover,
    .navactive:hover {
        width: 85px;
    }

    .ddsmoothmenu ul li {
        width: 85px;
    }

    .selected,
    .navactive {
        width: 85px;
    }

    .nava {
        width: 85px;
    }

    .ddsmoothmenu ul li a span {
        width: 85px;
    }

    .logo img {
        padding-left: 10px;
        padding-top: 20px;
    }

    .logo {
        height: 100px;
    }

    .header_content {
        height: 100px;
    }

    .sortnava {
        text-align: center;
    }

    .sortnava span {
        color: #666666;
    }

    .p_content {
        max-width: 100%;
    }

    .p_position {
        max-width: 100%;
        text-align: left;
    }

    selectorSavingError {
        margin-left: 25px;
    }

    .footer_contactus {
        margin-left: 25px;
    }

    .sortnavul li:nth-child(4n) {
        border-right: 0px;
    }

    .p_proi {
        height: auto;
        max-width: 20%;
    }

    .p_proi img {
        height: auto;
        max-width: 100%;
    }

    .p_proc {
        padding-left: 18px;
        width: 80%;
    }

    .p_v_list li {
        margin: 10px 1%;
        width: 31.3333%;
    }

    .p_v_list li a {
        width: 100%;
    }

    .p_v_list li img {
        height: auto;
        max-width: 100%;
    }

    .p_v_list li span {
        max-width: 100%;
    }

    .productremark img {
        max-width: 100%;
        height: auto !important;
    }

    .p_p_list li {
        margin: 0;
        padding: 1%;
        width: 50%;
    }

    .p_p_list li a {
        width: 100%;
    }

    .p_p_list li img {
        height: 280px;
        width: 100%;
    }

    .p_p_list li span {
        text-align: center;
        width: 100%;
    }

    .n_n_list li a {
        width: 70%;
    }
.pro_sort_box .sortnavul li a span {
    color: #ffff;
}

    .n_j_list li a {
        width: 70%;
    }
  .about-video iframe{height:270px;}
    iframe {
        width: 100% !important;
    }
  .remark iframe {
      height:auto !important
    }
    .header_right {
    width: calc(100% - 90px);
}

.header_right .i_nav {
    width:  100%;
    margin-top: -25px;
}

.about-text,.development_history-text,.development_history-text,.in_history,.i_pro-text,.pro_layout-text,.i_honort-text {
    max-width:  100%;
}


.lishi {
    width:  calc(100% - 40px);
}

.i_honortlist-box {
    overflow:  hidden;
}.i_video_box {
    background-position: -290px;
}
}

/*--------760------------*/
@media screen and (max-width: 768px) {
    .i_nav {
        display: none
    }.header_right .header_search {
    margin:  0;
    float:  left;
}.header_right .i_nav {
    margin:  0;
}
.productinfos_box {
    padding: 10px 0;
    width:  50%;
}
.p_v_b2 {
    width:  100%;
}
.p_v_b3 {
    width:  100%;
}

.p_v_b1 {
    width:  100%;
}

.productbigimg_box {
    min-width: 50%;
}

    .navbar-toggle {
        display: block;
    }

    .footer_copyright {
        display: none;
    }

    .logo img {
        padding: 0px;
    }

    .header_content {
        height: 95px;
        padding: 10px 20px;
        position: relative;
    }

    .logo {
        height: auto;
        max-width: 30%;
        margin:  0;
    }

    .i_about_title a {
        display: block;
        text-align: center;
    }

    .i_about_title a span {
        display: none;
    }

    .i_info {
        padding: 30px 0;
    }

    .title span {
        display: none;
    }

    .i_pro_list ul li dl dt a img {
        height: 200px;
        width: 200px;
    }

    .i_pro_list ul li dl dd h4 {
        width: 100%;
    }

    .i_pro_list ul li {
        width: 250px;
    }

    .i_sample_list ul li a img {
        height: 150px;
        width: 150px;
    }

    .i_sample_list ul li {
        width: 152px;
    }

    .header_right .header_tel {
        display: none;
    }

    .page {
        margin: 20px 0;
    }

    .i_link_title span {
        display: none;
    }

    .footer_about,
    .footer_pro {
        max-width: 50%;
        width: 50%;
    }

    .footer_about ul li,
    .footer_pro ul li,
    .footer_copyright ul li {
        width: 100%;
    }

    .footer_wechat {
        border-left: 0 none;
        display: inline-block;
        padding-top: 20px;
        vertical-align: middle;
        width: 50%;
    }

    .footer_contactus {
        margin-left: 10%;
        max-width: 50%;
        width: 40%;
    }

    .footer_about {
        border-right: 1px solid #5b82a5;
    }

    .i_nav {
        background: #fff none repeat scroll 0 0;
        position: absolute;
        right: 0;
        top: 95px;
        width: 120px;
        z-index: 10000;
    }

    .ddsmoothmenu ul li a span {
        display: none;
    }

    .ddsmoothmenu ul li {
        display: block;
        float: none;
        height: auto;
        margin: 0;
        width: 100%;
    }

    .i_nav ul li ul {
        padding-top: 5px;
        position: inherit;
        transition: none 0s ease 0s;
        width: 120px !important;
    }

    .i_nav ul li ul li a {
        width: 100%;
    }

    .i_nav ul li ul li a:hover {
        width: 120px;
    }

    .top {
        height: 30px;
    }

    .top .mauto {
        padding: 0 10px;
    }

    .top .top_welcome {
        line-height: 30px;
    }

    .top .top_language {
        line-height: 30px;
    }

    .nava:hover,
    .navactive:hover {
        border-radius: 0;
        font-size: 15px;
        height: auto;
        line-height: 30px;
        width: 100%;
    }

    .selected,
    .navactive {
        border-radius: 0;
        font-size: 15px;
        height: auto;
        line-height: 30px;
        width: 100%;
    }

    .nava {
        font-size: 16px;
        line-height: 30px;
        text-align: center;
        width: 100%;
    }

    .p_proi {
        float: none;
        max-width: 100%;
        text-align: center;
        width: 100%;
    }

    .p_proc {
        float: none;
        width: 100%;
    }

    .p_proc span {
        height: auto;
    }

    .p_proc h3 {
        text-align: center;
        width: 100%;
    }

}

/*--------470------------*/
@media screen and (max-width: 470px) {
.p_l_l2 {
    margin:  0;
}.in_history_word {
    width:  100%;
}.in_history_arrow {
    width: 60px;
}.productremark table {
    width:  100%;
}
.arrowsWrapper {
    width:  100%;
}.p_p_list li &gt; div {
    width:  100%;
    padding:  10px;
}.i_nav ul li ul {
    display: none !important;
}.honor_inner_title:before {
    width: 30%;
    left: 0;
}/* .n_c {
    width:  100%;
}
 */
/* .n_ros img {
    max-width:  100%;
    width:  100%;
    height:  auto;
    max-height: inherit;
} */
.productbigimg_box {
    width:  100%;
}

.productinfos_box {
    width:  100%;
}
.honor_inner_title:after {
    width:  30%;
    right: 0;
}.m60t2 .fl, .m60t3 .fr {
    width:  100%;
}

.m60t4 .m60_ti_c {
    width:  100%;
}.menu_57 .lishi {
    width:  100%;
}.m63t3 {
    background: none;
}

.m63t3 li {
    margin: 0px !important;
    padding: 0px !important;
}

.m63t4 .m63_lim2 {
    margin:  0;
}.m52t1 .fr {
    width:  100%;
}

.m52t2 .fl {
    width:  100%;
    margin:  0;
    padding:  10px 0;
}

.m52t3 .fr {
    width:  100%;
    padding:  10px 0;
}

.m52t2 {
    padding: 10px 0;
}

.m52t1 {
    padding:  10px;
}.sort_down {
    right: 10px;
}.sortnavul li a {
    padding:  0;
}

.sortnavul li ul li {
    width:  100%;
}
.pro_sort_box .sortnavul li a {
    line-height:  40px;
    font-size:  20px;
    height:  40px;
    color:  #ffffff;
}

.pro_sort_box .sortnavul li a span {
    color:  #fff;
    font-size:  15px;
}

.about-text:before,.i_honort-text:before ,.about-text:after,.i_honort-text:after,.i_pro-text:before,.i_pro-text:after,.development_history-text:before,.development_history-text:after{
    max-width:  100%;
}
    .remark1 img,.remark img {
        float: none !important;
        height: auto !important;
        padding: 10px 0 !important;
        width: auto !important;
    }

    .logo {
        max-width: 180px;
    }

    .i_about_title a {
        font-size: 23px;
        line-height: 55px;
    }

    .i_about_txt img {
        width: 50%;
    }

    .i_about_txt p {
        font-size: 13px;
        line-height: 25px;
    }

    .page {
        margin: 15px 0;
    }

    .i_video .title {
        font-size: 23px;
        line-height: 35px;
    }

    .i_info {
        padding: 20px 0;
    }

    .i_video {
        padding: 0 10px 20px;
    }

    .i_video .more {
        bottom: -20px;
    }

    .i_video .title i a {
        margin-top: 15px;
    }

    .i_information .title {
        font-size: 25px;
        line-height: 30px;
    }

    .i_information {
        padding: 0 20px;
    }

    .i_pro {
        padding-top: 20px;
    }

    .i_pro_title span {
        font-size: 20px;
        height: 40px;
        line-height: 40px;
        width: 130px;
    }

    .i_pro_list ul li dl dt a img {
        height: 140px;
        width: 140px;
    }

    .i_pro_list ul li {
        width: 190px;
    }

    .i_sample_title {
        font-size: 25px;
        margin: 20px;
    }

    .i_sample_list ul li a img {
        height: 120px;
        width: 120px;
    }

    .i_sample_list ul li {
        width: 122px;
    }

    .i_pro_about ul li dl dd h4 {
        font-size: 16px;
        line-height: 26px;
    }

    .i_pro_about ul li dl dd span {
        font-size: 13px;
        line-height: 21px;
    }

    .i_news .title {
        font-size: 23px;
        line-height: 30px;
    }

    .i_news .title i a {
        margin-top: 9px;
    }

    .i_info .i_news {
        padding: 0 20px;
    }

    #com_indexistop_news dl {
        margin-top: 15px;
    }

    .i_news dl dt dl dd .infos {}

    .i_news&gt;dl dd {
        padding: 10px 0;
    }

    .i_news dl dd h6 {
        overflow: hidden;
        white-space: normal;
    }

    .i_news dl dd .infos {
        line-height: 21px;
    }

    .clearfix a {}

    .i_problems_list ul li dl dt span {
        font-size: 16px;
    }

    .i_problems_list ul li dl dt span img,
    .i_problems_list ul li dl dd span img {
        width: 49px;
    }

    .i_problems_list ul li dl dd span {
        font-size: 18px !important;
    }

    .i_problems {
        padding: 0;
    }

    .i_link_list ul li {
        margin: 1%;
        width: 47%;
    }

    .i_link_list {
        padding: 20px;
    }

    .footer_wechat {
        border: 0 none;
        width: 100%;
    }

    .footer_contactus {
        margin: 0;
        max-width: 100%;
        text-align: center;
        width: 100%;
    }

    .i_link_list ul li a img {
        max-width: 100%;
        width: auto;
    }

    .sortnavul li {
        width: 100%;
    }

    .sortnavul li:nth-child(2n) {
        border-right: 0 none;
    }

    .p_v_list li {
        width: 48%;
    }

    .p_p_list li img {
        height: 180px;
    }
    .logo {
    margin:  0;
}

.header_right .header_search {
    margin-top: -24px;
    float:  left;
    display:  none;
}

.header_right .i_nav {
    margin-top:  0;
    z-index:  99999;
}

.i_welcome&gt;div {
    padding:  10px;
}

.h3-title {
    padding:  10px;
    height:  auto;
    line-height:  1.5;
    display: block;
}

span.en-title {
    float: initial;
    font-size: 24px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 2;
}

.cn-title {
    float: initial;
    font-size: 20px;
    display: block;
    font-weight: bold;
    height: auto;
    line-height: 1;
    text-indent: 0;
    padding-left: 0;
}

.about-text, .development_history-text, .development_history-text, .in_history, .i_pro-text, .pro_layout-text, .i_honort-text {
    margin: 10px 0;
    padding:  10px;
    font-size: 14px
}

.about-video {
    padding:  10px;
}

.i_development_history {
    padding:  10px 0;
}

.lishi {
    margin:  10px;
 /*    display: none; */
}

.in_history_tab {
    margin-top: 10px;
}

.in_history_show {
    width:  100%;
    position:  static;
}
.in_history_word h3{
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
}
.in_history_showCon {
    width:  100%;
    height:  auto;
    margin:  10px 0;
}
.in_history_tab span {
    font-size: 45px;
    letter-spacing: -2px;
}
.in_history_tab span:after {
    bottom: -5px;
    left: 40px;
}


.i_pro_list-box {
    margin: 0;
}

.i_pro_layout_box {
    padding:  10px 0;
}

.pro_layout_list li {
    width: 90%;
    margin: 10px 0;
}

.i_video-main {
    padding-top: 10px;
}

.i_video-img {
    top: 50px;
}
}


@media screen and (max-width: 470px) {
.go-to-home {display:none;}

/*首页2019-1-16 响应式修改*/
.pro_layout_list {padding:10px;text-align:center;}
.i_pro_list-box {padding:0 10px;}
.pro_layout-text span {font-size:20px;font-style:inherit;letter-spacing:0px;font-weight:bold;}
.pro_layout_list li {margin:10px 0;float:initial;position:relative;width:100%;}
.pro_layout_list li:before {display:none;}
.pro_layout_list li p {position:absolute;bottom:0;left:0;right:0;background:rgba(0,0,0,0.5);color:#fff;padding:5px 0;}
.i_honortlist-box {overflow:hidden;width:320px;margin:0 auto;}
li.v-l-b.v-l-b3 {margin-bottom:10px}
.f-cont-text2 {padding-bottom:10px;}

/*内页*/

.m_55t {padding-top:20px;padding-bottom:20px;}
.m_55img {padding-top:0;}

/*57*/
.menu_57 .p_content {padding-top:0;}
.m59_tlt {padding-left:0;}
.m59_ti_c {padding-left:0}
.m59-ti-n {font-style:inherit;}
.m59-ti-c {float:left;width:calc(100% - 80px);}
.m59-ti-c p {font-size:17px;}
.slides_container img {height:auto !important;}
.m59t1 {padding-top:0px;padding-bottom:20px;}
.m59_i_list li {width:50%;}
.m59t3 .fl {width:100%;padding-top:0;}
.m59t4 .fl,.m59t5 .fl {width:100%;}
.m59t3 {padding-top:5px;padding-bottom:5px;}
.m59t.m59t5 .fl {padding-top:0px;}
/**/
.m60_tlt:after {top:initial;}
.m60t4 {margin-top:20px;padding-top:0px;}
.honor_inner_list img {max-width:100%;max-height:initial;height:auto;max-height: 117px;}
.h-i-infos {
    height: 48px;
    overflow: hidden;
}
/*新闻列表*/

/* .n_c a {display:block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:10px 0;text-align:center;}
.n_c span {display:none}
.n_ros img {max-width:100%;margin:0 auto;width:auto;height:auto;float:inherit;display:block;max-height:inherit;} */
.navPage li {margin-bottom:5px;}
.videos iframe {
    height: 210px;
}
/*事业*/
.m53t1 .fr {float:inherit;padding-top:0;text-align:center;}
.m53t1 .fl {float:initial;}
.m63t3 li {margin:0px !important;padding:0px 20px !important;width:33.3333%;}
.m63t4 li {width:50%;text-align:center;padding:0 20px;}
.m63t4 li {width:50%;text-align:center;padding:0 20px;}
.m63t5 li {width:50%;padding-bottom:10px;text-align:center;}
.m63t5 li div {padding-top:0;}
.m63t1 li {width:50%;}
.m63t1 li div {min-height:100px;}
.m52ti p {float:left;}
.m70t1 {margin-top:0px;}
.menu_70 .m59ti {padding-top:20px;padding-bottom:20px;}
.m70t ul {margin-left:0px;}
.m70t5 .m70ib {margin-top:0px;}
.m70t6 .m70ib {margin-top:0px;}
.p_videos_list img {margin:0 auto;display:block;}
.p_videos_list li {float:inherit;}
.title-link {width:calc(100% - 85px);overflow:hidden;display:block;white-space:nowrap;text-overflow:ellipsis;}

/*2019-2-11*/
.i_welcome{text-align: center;}
.i_welcome img {max-width: 60%;}
.h3-title{padding: 10px 20px;}
.about-text, .development_history-text, .development_history-text, .in_history, .i_pro-text, .pro_layout-text, .i_honort-text {padding: 10px 20px;text-align: justify;}
.about-video{padding: 10px 10px;}
.i_pro_list-box {margin: 0 10px;padding:0;}
.i_pro_title_box li a{ font-size: 15px; line-height: 40px;}
.i_pro_layout-main{    padding-bottom: 0px;}
.pro_layout_list ul {white-space: nowrap;overflow: scroll;-webkit-overflow-scrolling :touch;}
.pro_layout_list li {display: inline-block;}
.f-cont-text1{    margin-bottom: 20px;}
.f-cont-text2{display: none;}
.footer{display:none;}
.index .footer{display:block;}
.w-banner {display: block;}
.b-banner{display: none}
.in_history_tab span{    font-size: 30px;letter-spacing: 0;}
.in_history_tab span:after{display:none;}
.cboxPhoto{width: calc(100vw - 80px) !important;}

.wap-history{
        padding-top: 10px;
    display:block;
}
.wap_history_w {
    max-width: 100%;
    overflow: hidden;
}
/* .lishi {margin:0;display:block;width:100%;overflow:scroll;-webkit-overflow-scrolling:touch;}
.lishiTBox {display:none;}
.lishiWBox {display:none;}
.lishi .year {width:57px;}
.lishi .lishiT {font-size:20px;}
.lishi .year.on {font-size:20px;}
.lishiCon {white-space:nowrap;width:100% !important;}
.in_history_pic {width:100%;height:auto;text-align:center;float:inherit;margin:0 auto;}
.in_history_pic img {max-width:80%;height:auto;} */
.pc-history{display:none;}

.i_pro_layout_box {padding:20px 0;}
.pro_layout-text {font-size:13px;}
.pro_layout-text span {font-size:19px;font-weight:inherit;}
.i_honortlist-box {    position: initial;margin-top: 20px;}
.i_honort-main {position:relative;}
.ror-soc {right:6px;}
.rol-soc {left:6px;}
.rol-soc,.ror-soc {bottom:120px;top:inherit;background-repeat:no-repeat;background-position:center;background-color:#e6e6e6;}
.rol-soc a,.ror-soc a {width:20px;height:80px;}
.rol-soc:hover,.ror-soc:hover {background-color:#d70000;}
.honor_inner_list li{    width: 50%;box-sizing: border-box;    height: 225px;    padding: 5px 10px;}
.sortnavul {width: 100%;white-space: nowrap;overflow: scroll;-webkit-overflow-scrolling:touch;}
.sortnavul li{display:inline-block;width: 25%; float: initial;    border: 0;}
.sortnavul li a:after {content:" ";display:none;width:2px;height:25px;background-color:#efefef;bottom:8px;position:absolute;right:-2px;}
.sortnavul li:last-child a:after {display:none;}
.ons span {color:#d70000;}
.bot1 .p_position {border-bottom:0px;padding-bottom:10px;}
.sortnavt {background:initial;overflow:hidden;padding-left:0;border-bottom:2px solid #d70000;}
.sortnavt h3 {height:40px;font-weight:bold;color:#d70000;font-size:20px;line-height:40px;}
.sortnavt span {line-height:50px;color:#d70000;height:40px;}
.sortnavul li a {font-size:14px;line-height:43px;height:43px;}
.menu_56 .p_content {padding-top:10px;}
.menu_56 .about_content {padding:0px 0 30px 0px;}
.n_c {width:calc(100% - 110px);}
.n_ros {padding-bottom:15px;padding-top:15px;}
.n_c a {font-size:13px;}
.n_ros img {max-width:90px;border-radius:4px;margin-right:15px;}
.n_c span {padding-bottom:0;}
.n_c &gt; div {display:none;}
.news_view .p_banner_box {display:none;}
.news_view  .p_left {display:none;}
.remark {text-align:justify;}
  .news_view .remark {
    
    max-width: 100%;}
.videso_infos p {display:none;}
.videso_infos {float:right;padding-right:20px;}
.v_tile {float:left;border-bottom:0;padding:0;padding-left:20px;margin-bottom:0;}
.p_videos_list li {padding:10px 15px;}
.p_videos_list li a {overflow:hidden;}
.p_videos_list img {max-width:303px;}
.p_p_list li a.pro_link {display:none;}
.pro_img {padding-bottom:0}
.p_p_list li p {font-size:14px;}
.p_p_list li a div {font-size:15px;}
.p_p_list li img {height:auto;}
.products .p_main {padding:10px;    margin-bottom: 40px;}
.productbigimg_box {min-height:initial;text-align:center;float:initial;}
.producttitle {font-size:16px;text-align:center;line-height:initial;}
.productinfos_box p {text-align:center !important;font-size:14px;}
.productinfos_box p br {display:none;}
.productinfos_box div{text-align:center !important;font-size:14px;}
.productinfos_box div br {display:none;}
.p_v_b3 {text-align:justify;}
p.pro_view_price {padding-top:0;}
.p_v_b3.p_v_b span {line-height:25px !important;font-size:14px !important;}
.in_history_word h3 {font-size:20px;line-height:initial;padding:5px 0;}
a.in_history_arrow.in_history_arrowr {background-position:right center;background-size:125px;}
.in_history_tab span {font-size:30px;letter-spacing:0;}
.in_history_arrow {width:60px;background-position:left center;background-size:125px;height:28px;}
.in_history_arrowl:hover {background:url(/templates/images/z_11H.png) no-repeat 0 0;background-position:left center;background-size:125px;}
.menu_44_view .m_51t {padding-top:0px;padding-bottom:20px;}
.m59_tlt {font-weight:bold;}
.m59_ti_c {font-weight:300;font-size:15px;}
.m59-ti-c p {font-size:17px;font-weight:bold;}
.m59t4,.m59t5 {padding-top:15px;}
.m59ti2 {margin-top:10px;padding-top:20px;}
.m59ti1 {padding-bottom:20px;}
.m59t1 {font-weight:300;}
.menu_59_view .p_content {padding-top:0px;}
.m_55t {font-size:14px;}
.m_51t {padding-top:0;padding-bottom:0px;}
.menu_60 .remark1 {margin-top:0px;}
.m6051 {padding-bottom:10px;}
.m60_tlt {font-weight:bold;    font-size: 17px;text-align:justify;}
.m60t {font-weight:300;font-size:15px;}
.m60t2 {padding-bottom:0px;}
.m60t2 .fl,.m60t3 .fr {font-size:15px;}
.m60t4 .fl {padding-top:30px;}
.m53t1 {padding-top:0;}
.m53t1 .fr {padding-bottom:5px;}
.m53t2 {padding-bottom:15px;}
.m53t {font-size:15px;font-weight:300;}
.m62t1 {padding-top:0px;}
.menu_62_view .remark1 img {margin-top:0px;}
.m62t1 {font-size:15px;line-height:30px;}
.m63ti1 {padding-top:0px;}
.m63t1 {padding-top:10px;padding-bottom:20px;}
.m63t2 {font-weight:bold;padding-top:20px;margin-bottom:0;}
.m63t4 li span {font-weight:300;}
.m63t3 li {padding:0px 10px !important;}
.m63t5 ul {padding-top:20px;}
.m63ti2 {padding-top:30px;}
.m66ti1.m59ti {margin-top:5px;}
.m66t {font-weight:300;font-size:15px;}
.m6t2 {padding-left:30px;}
.menu_67 .remark1 {padding-top:0px;}
.m67t {font-weight:300;font-size:15px;}
.m68ti1 {padding-top:0px;}
.m68t {font-size:15px;font-weight:300;padding-top:20px;}
.m68ti2 {margin-top:20px;padding-top:30px;}
.m52t3 .fr {padding: 20px 0;}
.m52ti span {
    padding-top: 0;
    line-height: 50px;
    height: 50px;
    font-weight: bold;
}
.menu_70 .sortnavli {
    width: 33.333%;
}
.m70t1{
font-weight: 300;
}

.m70t li {
    font-weight: 300;
}
.menu_70 .m59ti{
        margin-top: 20px;
}
.m70ib&gt;div {
    padding-top: 20px;
    padding-bottom: 10px;
}
.m70t7 .m70ib {
    margin-top: 0px;
}
.i_video_wap_box {
    background-position: center;
    background-image: url(/templates/images/i_wap_vides.jpg);
    background-size:auto;
    background-repeat: no-repeat;
    }   .i_video_box {
    background-image: url(/templates/images/video-bg.jpg);
    height: 708px;
    background-size: 1920px 708px;
    background-position: center;
    background-repeat: no-repeat;
}
.videos-wap-list {
    width: 344px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    padding: 0 15px;
}

.videos-wap-list .rol-soc,.videos-wap-list .ror-soc {
    bottom: 90px;
}

.videos-wap-list .rol-soc {
    left: 0px;
}

.videos-wap-list .ror-soc {
    right: 0;
}
.videos-wap-list .ror-soc {
    background-image: url("/templates/images/wap-videos-right.png");
    background-color: initial;

}

.videos-wap-list .ror-soc:hover {
    background-image: url("/templates/images/wap-videos-right.png");
    background-color: initial;
}

.videos-wap-list .rol-soc:hover {
    background-image: url("/templates/images/wap-videos-left.png");
    background-color: initial;
}

.videos-wap-list .rol-soc {
    background-image: url("/templates/images/wap-videos-left.png");
    background-color: initial;
}
.videos-wap-list li {
    text-align: center;
    font-size: 20px;
    padding: 10px 0;
}

.videos-wap-list li a {
    display: block;
}

.videos-wap-list li p {
    color: #fff;
    padding-bottom: 10px;
}

.videos-wap-list li img {
    border-radius: 6px;
}

.i_video_wap_box .videos_title {
    padding: 30px 20px 10px;
}

.i_video_wap_box .videos_title .v-cn-t {
    height: auto;
    line-height: initial;
    font-weight: bold;
    letter-spacing: 3px;
    font-size: 20px;
}

.i_video_wap_box .videos_title .v-en-t {
    font-size: 24px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 2;
}

.i_video_wap_box a.more {
    padding-bottom: 20px;
}
.i_video_wap_box{display:block;}
.i_video_box{display:none;}
.i_honort_box {
    padding-bottom: 40px;
}
.header_right{display:none;}
.i_video_wap_box a.more {
    color: #fff;
}
.header_content {
    height: auto;
    padding: 10px 10px;
    position: relative;
}
.logo img {
    max-width: 80%;
}
.logo {
    margin: 0;
    max-width: initial;
    float: initial;
    display: block;
    text-align: center;
}
.logo a {
    display: inline-block;
    vertical-align: middle;
}
.wap_search{display: block;}
.wap-go-back {
display: block;
    width: 26px;
    height: 26px;
    background-size: 100%;
    box-sizing: border-box;
    background-image: url(/templates/images/goback.png);
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: calc(37.5px - 13px);
    z-index: 10000;
}



.wap-search-btn a {
    display: block;
    width: 26px;
    height: 26px;
    box-sizing: border-box;
    background-image: url(/templates/images/search-icon.png);
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    background-size: 100%;
    right: 20px;   top: calc(37.5px - 13px);
        z-index: 10000;
}

.wap-search {
    position: absolute;
        z-index: 100;
    left: 0;
    right: 0;
    background: #fff;
    bottom: -33px;
    display: none;
}
.wap-search form {
    padding: 0 20px;
    border: 1px solid #dcdcdc;
    margin: 5px;
    border-radius: 15px;
}

.wap-search form #keywords {
    border: 0;
    height: 30px;
    line-height: 30px;
    width: calc(100% - 30px);
}

.wap-search input.search {
    display: inline-block;
    width: 26px;
    height: 26px;
    box-sizing: border-box;
    background-image: url(http://mfjr66.no11.35nic.com/templates/images/search-icon.png);
    background-position: center;
    background-repeat: no-repeat;
    border: 0;
    background-size: 100%;
    background-color: initial;
}

.wap-foot-box li {
    float: left;
    width: 20%;
    padding-top: 10px;
    text-align: center;
}

.wap-foot-box img {
    height: 23px;
}

.wap-foot-box {
    overflow: hidden;
    background: #f9f9f9;
    border-top: 1px solid #d0d0d0;
    background-image: linear-gradient(90deg,    #f9f9f9 0%,    #f5f5f5 100%);
}

.wap-foot-box li p {
    line-height: 25px;
    font-size: 13px;
    font-weight: 400;
    color: #666;
}
.wap-foot-box a {
    display: block;
}
.wap-foot-nav {
    position: fixed;
    bottom: 0;
    width: 100%;
    display: block;
    z-index: 10000;
}
.wap-foot-box a {
    display: block;
}

.wap-foot-more {
    position: absolute;
    bottom: 70px;
    right: 2px;
    display: none;
    background: linear-gradient(90deg,    #f7f7f7 0%,    #ececec 100%);
    border-radius: 5px;
}

.wap-foot-more a {
    display: block;
    font-size: 13px;
    line-height: 40px;
    padding: 0px 19px;
}

.wap-foot-more li {
    border-bottom: 1px solid #d8d8d8;
}

.wap-foot-more li:last-child {
    border-bottom: 0;
}
.wap-foot-more:after {
    content: " ";
    display: block;
    bottom: -10px;
    position: absolute;
    left: 35px;
    border-top: 10px solid #f1f1f1;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    width: 1px;
}

body {
    padding-bottom: 50px;
}


.menu_72 .about_content {
    overflow: hidden;
        margin: 0 -10px;
}

.m_72_s_box {
    float: left;
    width: 50%;
    margin: 0 auto;
    padding: 10px 5px;

}
.m_72_img img {
    width: auto;
    height: auto;
}
.m_72_row_time {
    padding: 5px;
    font-size: 14px;
}
.m_72_list {
    width: calc(100% - 10px);
    padding: 10px;
}
.menu_52_view .sortnavul li{width: 33.3333%}
.lishiline{width:30px;}
.i_pro-text{    line-height: 27px;}
.sidebar_l {   position: relative;}
.sidebar_l:after {
  /*  content: " ";
    display: block;
    top: 17px;
    position: absolute;
    right: -11px;
    border-top: 5px solid transparent;
    border-left: 8px solid rgba(236, 7, 7, 0.45) ;
    border-bottom: 5px solid transparent;
    width: 1px;*/
    content: "&gt;";
    display: block;
    top: 9px;
    position: absolute;
    right: -13px;

    font-size: 16px;
}

.sidebar_l:before {
/*    content: " ";
    display: block;
    top: 17px;
    position: absolute;
    left: -11px;
    border-top: 5px solid transparent;
    border-right: 8px solid rgba(236, 7, 7, 0.45);
    border-bottom: 5px solid transparent;
    width: 1px;*/
 
    content: "&lt;";
    display: block;
    top: 9px;
    position: absolute;
    left: -13px;

    font-size: 16px;
}
.menu_52 .sidebar_l:before,.menu_52 .sidebar_l:after,.news .sidebar_l:before,.news .sidebar_l:after{display:none}
a.slider-arrow.slider-arrow--left.iconfont.icon-next-copy,a.slider-arrow.slider-arrow--right.iconfont.icon-next-copy{    width: 32px;
    height: 32px;    background-size: 32px;}
}

/*--------414------------*/
@media screen and (max-width: 414px) {
    .top .top_language {
        display: block;
    }.v-l-b2 {
    margin-top: -60px;
}

.roll_col {
    width:  100%;
}
.videos_title {
    padding:  10px;
}
li.v-l-b.v-l-b3 {
    float: right;
    margin-right:  20px;
    margin-left:  0;
}

.v-cn-t {
    font-size:  24px;
}

.v-en-t {
    font-size:  20px;
    letter-spacing: 0;
}

.i_video-img {
    position:  static;
}

.i_videolist-box a {
    font-size:  16px;
}



    @media screen and (max-width: 320px) {
        .top .top_language {
            display: block;
        }

        .p_p_list li img {
            height: 180px;
        }

        .p_p_list li {
            width: 100%;
        }

        .p_p_list li img {
            height: auto;
        }

        .top .top_language li a {
            margin: 0 3px;
        }
    }

    .video {
        width: 200px;

    }

}
</pre></body></html>